<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
    <title>个人博客</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="Tamarillo is free responsive template based on Bootstrap. This HTML5 layout is compatible with all devices." />
    <meta name="author" content="tamarillo" />
    <!-- favicons -->
    <link rel="shortcut icon" href="images/templatemo_favicon.ico">
    <!-- bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet" />
    <!-- fancybox CSS -->
    <link href="css/jquery.lightbox.css" rel="stylesheet" />
    <!-- flex slider CSS -->
    <link href="css/flexslider.css" rel="stylesheet" />
    <!-- custom styles for this template -->
    <link href="css/templatemo_style.css" rel="stylesheet" />
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]-->
<!--    <link rel="stylesheet"href="CSS/swiper-bundle.min.css"/>-->
<!--    <style>-->
<!--        .swiper{-->
<!--            width: 1200px;-->
<!--            height: 500px;-->
<!--        }-->
<!--        .swiper img{-->
<!--            width: auto;-->
<!--            height: auto;-->
<!--        }-->
<!--    </style>-->

    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>

<section>
    <header>
        <div class="container">
            <div class="row">
                <div class="col-md-5 col-md-push-1 col-sm-6">
                    <a href="#" id="templatemo_logo"><img src="images/templatemo_logo_2.png" alt="tamarillo"></a>
                </div>
                <div class="col-md-3 hidden-xs"></div>
                <div class="col-xs-3 col-xs-offset-20 visible-xs">
                    <a href="#" id="mobile_menu"><span class="glyphicon glyphicon-align-justify"></span></a>
                </div>
                <div class="col-xs-24 visible-xs" id="mobile_menu_list">
                    <ul>
                        <li><a href="#templatemo_slideshow">主页</a></li>
                        <li><a href="#templatemo_about">关于</a></li>
                        <li><a href="#templatemo_services">服务</a></li>
                        <li><a href="#templatemo_blog">博客</a></li>
                        <li><a href="#templatemo_gallery">展示</a></li>
                        <li><a href="#templatemo_contact">联系</a></li>
                    </ul>
                </div>
                <div class="col-md-16 col-sm-18 hidden-xs" id="templatemo-nav-bar">
                    <ul class="nav navbar-right">
                        <li><a href="#templatemo_slideshow">主页</a></li>
                        <li><a href="#templatemo_about">关于</a></li>
                        <li><a href="#templatemo_services">服务</a></li>
                        <li><a href="#templatemo_blog">博客</a></li>
                        <li><a href="#templatemo_gallery">展示</a></li>
                        <li><a href="#templatemo_contact">联系</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <a class="element-bg" href="#" title="" target="_blank"><img src="images/element.png" alt="" /></a>
    </header>
</section>
<!--     end of templatemo_header -->
    <section id="templatemo_slideshow">
        <div class="container">
            <div id="main-slider" class="flexslider">
                <ul class="slides">
                    <li class="row">
                        <img src="images/templatemo_banner_image_1.jpg" alt="slider image 1" />
                        <div class="flex-caption col-md-5 col-md-push-1 hidden-xs">
                            <h3>Responsive Template</h3>
                            <p>Tamarillo is free responsive template for everyone. Feel free to use this HTML5 template for any purpose. In metus nulla, ullamcorper congue semper et, sodales eget nibh. Phasellus magna eros, rhoncus eu dictum quis, hendrerit
                                a mauris.</p>
                        </div>
                    </li>
                    <li class="row">
                        <img src="images/nongjiale1.jpg" alt="slider image 2" />
                        <div class="flex-caption col-md-5 col-md-push-1 hidden-xs">
                            <h3>Mobile Ready</h3>
                            <p>Vivamus vulputate justo nec sem congue, sed molestie erat iaculis. Mauris vitae scelerisque nunc. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu urna lacus. Aliquam sed eros ut nunc commodo tempor. Cras nec
                                tincidunt dui. Duis dolor nulla, congue et mattis in, sagittis non mauris.</p>
                        </div>
                    </li>
                    <li class="row">
                        <img src="images/templatemo_banner_image_3.jpg" alt="slider image 3" />
                        <div class="flex-caption col-md-5 col-md-push-1 hidden-xs">
                            <h3>Web Design</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur <a href="#" title="我的股票照片" class="sildes-link" target="_blank">adipisicing</a> elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit
                                in voluptate velit esse cillum dolore.</p>
                        </div>
                    </li>
                    <li class="row">
                        <img src="images/templatemo_banner_image_4.jpg" alt="slider image 4" />
                        <div class="flex-caption col-md-5 col-md-push-1 hidden-xs">
                            <h3>HTML5 CSS3</h3>
                            <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc tincidunt nisl magna, et tempor est eleifend in. Nunc imperdiet, tortor a gravida laoreet, justo justo imperdiet tellus, a lacinia
                                augue nibh a mi.</p>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- end of main-slider -->
        </div>
</section>
<!--        轮播图模块-->
<!--     end of templatemo_slideshow-->

<!--    <div class="swiper">-->
<!--        <div class="swiper-wrapper">-->
<!--            <div class="swiper-slide"><img src="images/templatemo_banner_image_1.jpg"></div>-->
<!--            <div class="swiper-slide"><img src="images/templatemo_banner_image_2.jpg"></div>-->
<!--            <div class="swiper-slide"><img src="images/templatemo_banner_image_3.jpg"></div>-->
<!--            <div class="swiper-slide"><img src="images/templatemo_banner_image_4.jpg"></div>-->
<!--        </div>-->
<!--        &lt;!&ndash; 如果需要分页器 &ndash;&gt;-->
<!--        <div class="swiper-pagination"></div>-->

<!--        &lt;!&ndash; 如果需要导航按钮 &ndash;&gt;-->
<!--        <div class="swiper-button-prev"></div>-->
<!--        <div class="swiper-button-next"></div>-->

<!--        &lt;!&ndash; 如果需要滚动条 &ndash;&gt;-->
<!--        <div class="swiper-scrollbar"></div>-->
<!--    </div>-->

    <div class="copyrights">Collect from <a href="http://www.cssmoban.com/">Website Template</a></div>
    <section id="templatemo_about">
        <div class="container">
            <div class="row">
                <h1>关于我们</h1>
            </div>
            <div class="row">
                <div class="col-md-1"></div>
                <div class="col-md-5 col-sm-7 col-xs-24">
                    <img src="images/templatemo_image_1.jpg" alt="image 1" />
                </div>
                <div class="col-md-1"></div>
                <div class="col-md-16">
                    <h2>个人博客</h2>
                    <!--<p>经营范围 一般项目:食用农产品批发;食用农产品零售;初级农产品收购:水产品零售;水产品批发，食品销售 (仅销售预包装食品);鲜肉批发;鲜肉零售，旅行社服务网点旅游招徕、咨询服务，商务代理代办服务;技术服务、技术开发、技术咨询、技术交流、技术转让、技术推广。 (除依法须经批准的项目外，凭营业执照依法自主开展经营活动)</p>-->
                </div>
            </div>
            <!-- end of row -->
            <div class="clear"></div>
            <div class="row">
                <div class="col-md-1"></div>
                <div class="col-md-5 col-sm-7 col-xs-24">
                    <img src="images/templatemo_image_2.jpg" alt="image 2" />
                </div>
                <div class="col-md-1"></div>
                <div class="col-md-16">
                    <h2>Lorem ipsum dolor sit amet, consectetur </h2>
                    <p>
                        adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dol or in reprehenderit in voluptate velit
                        esse cillum dolore eu fugiat nulla pariatur.
                    </p>
                    <a href="#" class="btn btn-default">read more</a>
                </div>
            </div>
            <!-- end of row -->
            <div class="clear"></div>
            <div class="row">
                <div class="col-md-1"></div>
                <div class="col-md-5 col-sm-7 col-xs-24">
                    <img src="images/templatemo_image_3.jpg" alt="image 3" />
                </div>
                <div class="col-md-1"></div>
                <div class="col-md-16">
                    <h2>Lorem ipsum dolor sit amet, consectetur </h2>
                    <p>
                        adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dol or in reprehenderit in voluptate velit
                        esse <a href="/free-photos/fried" title="" class="sildes-link">cillum</a> dolore eu fugiat nulla pariatur.
                    </p>
                    <a href="#" class="btn btn-default">read more</a>
                </div>
            </div>
            <!-- end of row -->
        </div>
    </section>
    <!-- end of templatemo_about -->
    <div class="container">
        <div class="solidline"></div>
    </div>
    <!-- solid line -->
    <section id="templatemo_services">
        <div class="container">
            <div class="row">
                <h1>Services</h1>
            </div>
            <div class="row">
                <div class="col-sm-5">
                    <img class="img-responsive" src="images/templatemo_image_4.jpg" alt="image 4" />
                </div>
                <div class="col-sm-6">
                    <h2>Nullam vel tellus</h2>
                    <p>Proin at ipsum pellentesque nibh ullamcorper vehicula. Donec elit orci, auctor ut porta at, porta eget elit. Vivamus dapibus nec ipsum nec consequat.</p>
                </div>
                <div class="col-sm-1"></div>
                <div class="col-sm-5">
                    <img class="img-responsive" src="images/templatemo_image_5.jpg" alt="image 5" />
                </div>
                <div class="col-sm-6">
                    <h2>Vivamus non est</h2>
                    <p>In diam tortor, posuere sed mi placerat, tempor viverra dolor. Suspendisse ultrices velit ac tempus dictum. Donec sagittis aliquam consequat. Nunc vitae pulvinar libero.</p>
                </div>
            </div>
            <!-- end of row -->
            <div class="row">
                <div class="col-md-5 col-sm-5 col-xs-24">
                    <img class="img-responsive" src="images/templatemo_image_6.jpg" alt="image 6" />
                </div>
                <div class="col-sm-6">
                    <h2>Suspendisse luctus</h2>
                    <p>Proin consequat, sapien vel vehicula varius, libero nisl congue tellus, in adipiscing dui nulla sit amet massa. Curabitur tincidunt interdum porta.</p>
                </div>
                <div class="col-md-1 col-sm-1"></div>
                <div class="col-md-5 col-sm-5 col-xs-24">
                    <img class="img-responsive" src="images/templatemo_image_7.jpg" alt="image 7" />
                </div>
                <div class="col-sm-6">
                    <h2>Integer accumsan</h2>
                    <p>Proin at ipsum pellentesque nibh ullamcorper vehicula. Donec elit orci, auctor ut porta at, porta eget elit. Vivamus dapibus nec ipsum nec consequat.</p>
                </div>
            </div>
            <!-- end of row -->
            <div class="row">
                <div class="col-md-5 col-sm-5 col-xs-24">
                    <img class="img-responsive" src="images/templatemo_image_8.jpg" alt="image 8" />
                </div>
                <div class="col-sm-6">
                    <h2>Aliquam massa</h2>
                    <p>Quisque a arcu sit amet justo euismod bibendum nec sed enim. Sed vel metus erat. Sed fringilla magna felis, nec mollis tortor eleifend non.</p>
                </div>
                <div class="col-sm-1"></div>
                <div class="col-sm-5">
                    <img class="img-responsive" src="images/templatemo_image_9.jpg" alt="image 9" />
                </div>
                <div class="col-sm-6">
                    <h2>Fusce feugiat</h2>
                    <p>Vestibulum imperdiet dui eu nunc blandit varius. Duis at odio at nisl tincidunt porttitor. In blandit nisl vel iaculis euismod.</p>
                </div>
            </div>
            <!-- end of row -->
        </div>
    </section>
    <!-- end of templatemo_services -->
    <!-- solid line -->
    <div class="container">
        <div class="solidline"></div>
    </div>
    <section id="templatemo_blog">
        <div class="container">
            <div class="row">
                <h1>Blog</h1>
            </div>
            <div class="row">
                <div class="col-sm-9">
                    <img class="img-responsive" src="images/templatemo_image_10.jpg" alt="image 10" />
                </div>
                <div class="col-sm-15">
                    <h2>Proin varius magna sed orci venenatis</h2>
                    <p>
                        <span class="glyphicon glyphicon-tag"></span> Web Design &nbsp;&nbsp;
                        <span class="glyphicon glyphicon-user"></span> Martin &nbsp;&nbsp;
                        <span class="glyphicon glyphicon-calendar"></span> 22 April 2084 &nbsp;&nbsp;
                        <span class="glyphicon glyphicon-thumbs-up"></span> 18 &nbsp;&nbsp;
                        <span class="glyphicon glyphicon-thumbs-down"></span> 2 &nbsp;&nbsp;
                    </p>
                    <p>In vulputate eros in auctor vulputate. Sed tempus libero consectetur pulvinar lobortis. Quisque dictum diam enim, non facilisis enim fermentum vitae. Sed faucibus ullamcorper iaculis. Quisque a laoreet purus, sed fringilla velit. Phasellus
                        ut eleifend leo. Curabitur vitae tristique tortor, eu fermentum arcu. <br />
                        <a href="#" class="btn btn-default margin_top">read more</a>
                    </p>
                </div>
            </div>
            <!-- end of row -->

            <div class="row">
                <div class="col-sm-9">
                    <img class="img-responsive" src="images/templatemo_image_11.jpg" alt="image 11" />
                </div>
                <div class="col-sm-15">
                    <h2>Lorem ipsum dolor sit amet, consectetur</h2>
                    <p>
                        <span class="glyphicon glyphicon-tag"></span> Digital Life &nbsp;&nbsp;
                        <span class="glyphicon glyphicon-user"></span> Johnny &nbsp;&nbsp;
                        <span class="glyphicon glyphicon-calendar"></span> 18 April 2084 &nbsp;&nbsp;
                        <span class="glyphicon glyphicon-thumbs-up"></span> 24 &nbsp;&nbsp;
                        <span class="glyphicon glyphicon-thumbs-down"></span> 3 &nbsp;&nbsp;
                    </p>
                    <p>Fusce ut iaculis tortor, vel aliquam nunc. Vivamus a consequat turpis. Praesent quis arcu eget justo cursus vulputate. Vestibulum scelerisque ante id nunc viverra, ac consectetur mauris auctor. Quisque vulputate, diam at euismod fringilla,
                        dolor nibh imperdiet urna, ac facilisis nunc ante eget lorem.<br />
                        <a href="#" class="btn btn-default margin_top">read more</a>
                    </p>
                </div>
            </div>
            <!-- end of row -->
            <div class="row">
                <div class="col-sm-9">
                    <img class="img-responsive" src="images/templatemo_image_12.jpg" alt="image 12" />
                </div>
                <div class="col-sm-15">
                    <h2>Sed tempus libero consectetur</h2>
                    <p>
                        <span class="glyphicon glyphicon-tag"></span> Security &nbsp;&nbsp;
                        <span class="glyphicon glyphicon-user"></span> Jesica &nbsp;&nbsp;
                        <span class="glyphicon glyphicon-calendar"></span> 10 April 2084 &nbsp;&nbsp;
                        <span class="glyphicon glyphicon-thumbs-up"></span> 48 &nbsp;&nbsp;
                        <span class="glyphicon glyphicon-thumbs-down"></span> 4 &nbsp;&nbsp;
                    </p>
                    <p>Sed faucibus ullamcorper iaculis. Quisque a laoreet purus, sed fringilla velit. Phasellus ut eleifend leo. Curabitur vitae tristique tortor, eu fermentum arcu. Vivamus adipiscing urna et nisl fringilla sagittis. Nunc sapien est, scelerisque
                        non aliquet a, malesuada vulputate dolor.<br />
                        <a href="#" class="btn btn-default margin_top">read more</a>
                    </p>
                </div>
            </div>
            <!-- end of row -->
        </div>
    </section>
    <!-- end of templatemo_blog -->
    <!-- solid line -->
    <div class="container">
        <div class="solidline"></div>
    </div>
    <section id="templatemo_gallery">
        <div id="gallery" class="container">
            <div class="row">
                <h1>Gallery</h1>
            </div>
            <ul class="thumbs row">
                <li class="col-sm-1 hidden-xs"></li>
                <li class="item-thumbs col-sm-6 col-xs-8">
                    <div>
                        <a class="overlay" data-lightbox="gallery" data-caption="Proin at ipsum pellentesque nibh ullamcorper vehicula. Donec elit orci, auctor ut porta at, porta eget elit. Vivamus dapibus nec ipsum nec consequat." href="images/templatemo_thumb_image_1.jpg">
                            <span class="glyphicon glyphicon-zoom-in"></span>
                        </a>
                        <img src="images/templatemo_gallery_image_1.jpg" alt="image 1" />
                    </div>
                </li>
                <li class="col-sm-2 hidden-xs"></li>
                <li class="item-thumbs col-sm-6 col-xs-8">
                    <div>
                        <a class="overlay" data-lightbox="gallery" data-caption="Mauris sagittis lacus et pulvinar molestie. Cras eu hendrerit lectus. Etiam a nisl ante. Integer nec orci in ante blandit porttitor." href="images/templatemo_thumb_image_2.jpg">
                            <span class="glyphicon glyphicon-zoom-in"></span>
                        </a>
                        <img src="images/templatemo_gallery_image_2.jpg" alt="image 2" />
                    </div>
                </li>
                <li class="col-sm-2 hidden-xs"></li>
                <li class="item-thumbs col-sm-6 col-xs-8">
                    <div>
                        <a class="overlay" data-lightbox="gallery" data-caption="Sed tempus libero consectetur pulvinar lobortis. Quisque dictum diam enim, non facilisis enim fermentum vitae." href="images/templatemo_thumb_image_3.jpg">
                            <span class="glyphicon glyphicon-zoom-in"></span>
                        </a>
                        <img src="images/templatemo_gallery_image_3.jpg" alt="image 3" />
                    </div>
                </li>
                <li class="col-md-1 col-sm-1 hidden-xs"></li>
            </ul>
            <ul class="thumbs row">
                <li class="col-sm-1 hidden-xs"></li>
                <li class="item-thumbs col-sm-6 col-xs-8">
                    <div>
                        <a class="overlay" data-lightbox="gallery" data-caption="Donec pulvinar, mauris scelerisque consequat rhoncus, elit turpis sagittis tellus, at blandit nisl justo a elit." href="images/templatemo_thumb_image_4.jpg">
                            <span class="glyphicon glyphicon-zoom-in"></span>
                        </a>
                        <img src="images/templatemo_gallery_image_4.jpg" alt="image 4" />
                    </div>
                </li>
                <li class="col-sm-2 hidden-xs"></li>
                <li class="item-thumbs col-sm-6 col-xs-8">
                    <div>
                        <a class="overlay" data-lightbox="gallery" data-caption="Cras sed mauris est. Sed condimentum, tortor vel cursus ultricies, enim odio porta nunc, ut fringilla enim ante malesuada nulla." href="images/templatemo_thumb_image_5.jpg">
                            <span class="glyphicon glyphicon-zoom-in"></span>
                        </a>
                        <img src="images/templatemo_gallery_image_5.jpg" alt="image 5" />
                    </div>
                </li>
                <li class="col-sm-2 hidden-xs"></li>
                <li class="item-thumbs col-sm-6 col-xs-8">
                    <div>
                        <a class="overlay" data-lightbox="gallery" data-caption="Phasellus mattis nisl et nisl euismod, vitae fermentum mauris mattis. Maecenas id risus in leo mattis imperdiet vel nec magna." href="images/templatemo_thumb_image_6.jpg">
                            <span class="glyphicon glyphicon-zoom-in"></span>
                        </a>
                        <img src="images/templatemo_gallery_image_6.jpg" alt="image 6" />
                    </div>
                </li>
                <li class="col-md-1"></li>
            </ul>
            <ul class="thumbs row">
                <li class="col-sm-1 hidden-xs"></li>
                <li class="item-thumbs col-sm-6 col-xs-8">
                    <div>
                        <a class="overlay" data-lightbox="gallery" data-caption="Quisque vitae libero fringilla, mattis lectus vel, sollicitudin neque. Nulla dignissim leo ligula, non eleifend nulla consectetur et." href="images/templatemo_thumb_image_7.jpg">
                            <span class="glyphicon glyphicon-zoom-in"></span>
                        </a>
                        <img src="images/templatemo_gallery_image_7.jpg" alt="image 7" />
                    </div>
                </li>
                <li class="col-sm-2 hidden-xs"></li>
                <li class="item-thumbs col-sm-6 col-xs-8">
                    <div>
                        <a class="overlay" data-lightbox="gallery" data-caption="In pretium, arcu a volutpat tristique, lectus turpis euismod lectus, eu viverra neque eros ac justo. Morbi semper porta placerat. Vivamus non est orci." href="images/templatemo_thumb_image_8.jpg">
                            <span class="glyphicon glyphicon-zoom-in"></span>
                        </a>
                        <img src="images/templatemo_gallery_image_8.jpg" alt="image 8" />
                    </div>
                </li>
                <li class="col-sm-2 hidden-xs"></li>
                <li class="item-thumbs col-sm-6 col-xs-8">
                    <div>
                        <a class="overlay" data-lightbox="gallery" data-caption="Sed ornare est ac mollis vestibulum. Praesent fermentum turpis nunc, in eleifend magna tempor quis. In leo massa, elementum tristique pellentesque ut, ornare ac nisi." href="images/templatemo_thumb_image_9.jpg">
                            <span class="glyphicon glyphicon-zoom-in"></span>
                        </a>
                        <img src="images/templatemo_gallery_image_9.jpg" alt="image 9" />
                    </div>
                </li>
            </ul>
        </div>
    </section>
    <!-- end of templatemo_gallery -->
    <section id="templatemo_contact">
        <div class="container">
            <div class="row" id="templatemo_contact_gray_wap">
                <div class="col-md-24 col-sm-24">
                    <h1 class="margin_top">Contact</h1>
                </div>
<!--                <div class="col-md-24 col-sm-24">-->
<!--                    <div id="map-canvas"></div>-->
<!--                </div>-->
                <div class="col-md-9 col-sm-18 col-sm-push-3">
                    <p>
                        <span class="glyphicon glyphicon-home"></span>&nbsp;&nbsp; 120 Digital Studio, <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Inya Lake, Yangon 10620, Myanmar<br />
                        <span class="glyphicon glyphicon-phone-alt"></span>&nbsp;&nbsp; Tel: 010-020-0340<br />
                        <span class="glyphicon glyphicon-envelope"></span>&nbsp;&nbsp; Email: info@company.com<br />
                        <span class="glyphicon glyphicon-globe"></span>&nbsp;&nbsp; Website: www.company.com
                    </p>
                    <ul class="icon">
                        <li>
                            <a href="#"><img src="images/templatemo_icon_1.png" alt="Skype" /></a>
                        </li>
                        <li>
                            <a href="#"><img src="images/templatemo_icon_2.png" alt="Google+" /></a>
                        </li>
                        <li>
                            <a href="#"><img src="images/templatemo_icon_3.png" alt="Instagram" /></a>
                        </li>
                        <li>
                            <a href="#"><img src="images/templatemo_icon_4.png" alt="RSS" /></a>
                        </li>
                    </ul>
                </div>
                <div class="center-image">
                <img src="images/weixin.jpg"  id="mobile_menu_weixin"  style="height: 300px;width: 300px;margin-left:200px"/>
                </div>
<!--                <div class="col-md-1"></div>-->
<!--                <div class="col-md-9  col-sm-18 col-sm-push-3">-->
<!--                    <form id="contact-form" action="#templatemo_contact" method="post">-->
<!--                        <label>-->
<!--                        <span>Name</span>-->
<!--                        <input name="name" type="text" id="name" maxlength="40" />-->
<!--                  </label>-->
<!--                        <label>-->
<!--                        <span>Email</span>-->
<!--                        <input name="email" type="text" id="email" maxlength="40" />-->
<!--                  </label>-->
<!--                        <label>-->
<!--                        <span>Subject</span>-->
<!--                        <input name="subject" type="text" id="subject" maxlength="100" />-->
<!--                  </label>-->
<!--                        <label>-->
<!--                        <span>Message</span>-->
<!--                        <textarea name="message" id="message"></textarea>-->
<!--                    </label>-->
<!--                        <label>-->
<!--                        <button name="submit" type="submit">Send</button>-->
<!--                    </label>-->
<!--                    </form>-->
<!--                </div>-->
            </div>
            <!-- end of row -->
            <div class="row" id="templatemo_footer">
            </div>
            <!-- end of templatemo_footer -->
        </div>
        <a href="#" class="scrollup"><i class="fa fa-angle-up active"></i></a>
    </section>
    <!-- end of templatemo_contact -->

<!--    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false"></script>-->
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery.scrollto.min.js"></script>
    <script src="js/jquery.easing.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.lightbox.min.js"></script>
    <script src="js/jquery.flexslider.js"></script>
    <script src="js/jquery.singlePageNav.min.js"></script>
    <script src="js/templatemo_script.js"></script>
    <script src="JS/swiper-bundle.min.js">
    <script type='text/javascript' src='js/logging.js'></script>

<script>
    var mySwiper = new Swiper ('.swiper', {
        // direction: 'vertical', // 垂直切换选项
        loop: true, // 循环模式选项
        autoplay:true,
        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
        },

        // 如果需要前进后退按钮
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },

        // 如果需要滚动条
        scrollbar: {
            el: '.swiper-scrollbar',
        },
    })
</script>

</body>

</html>
